<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        
        <meta 
        	name="viewport" 
        	content="user-scalable=no, 
        	initial-scale=1, 
        	maximum-scale=1, 
        	minimum-scale=1, 
        	width=device-width, 
        	height=device-height, 
        	target-densitydpi=device-dpi" />
        
        <! for use phonegap functions needs cordova>	
        <script type="text/javascript" charset="utf-8" src="file:///android_asset/www/libs/cordova-2.3.0.js"></script>
        
        	<! load styles>
        <link rel="stylesheet" href="file:///android_asset/www/libs/jquery.mobile-1.4.0.min.css" />
        <link rel="stylesheet" href="file:///android_asset/www/css/main.css" />
        
        	<! load jquery mobile>
        <script type="text/javascript" charset="utf-8" src="file:///android_asset/www/libs/jquery.js"></script>
        <script type="text/javascript" charset="utf-8" src="file:///android_asset/www/libs/jquery.mobile-1.4.0.min.js"></script>
  			
  			<! libs>
  		<script type="text/javascript" src="../libs/zoom.js"></script>		
  			
  			<script type="text/javascript" charset="utf-8">
  				function onLoad() {
			        document.addEventListener("deviceready", onDeviceReady, false);
			    }
			
			    // device APIs are available
			    function onDeviceReady() {
			        // Register the event listener
			        //alert('onLoad!');
			        document.addEventListener("backbutton", onBackKeyDown, false);
			    }
			    
			    function onBackKeyDown() {
			        window.location = "file:///android_asset/www/index.html";
			    }
  			</script>
  			
  	</head>		
    
    <body onload="onLoad();">
        
        <div data-role="page" id="options" data-theme="b">
            <div data-role="header" data-position="fixed">
            	<a href="file:///android_asset/www/pages/menu/menu.html" id="a_head" data-icon="gear" class="ui-btn-right">Options</a>
				<p id="p_head"> AniBox </p>
            </div>

				<a href="#popupVideo" data-rel="popup" data-position-to="window" data-role="button" data-theme="b" data-inline="true">Launch video player</a>			

				<div data-role="popup" id="popupVideo" data-overlay-theme="a" data-theme="d" data-tolerance="15,15" class="ui-content">
					<iframe src="http://player.vimeo.com/video/41135183?portrait=0" width="400" height="400" seamless></iframe>
				</div>
				
				<a href="#popupVideo2" data-rel="popup" data-position-to="window" data-role="button" data-theme="b" data-inline="true">Launch video player</a>
				<div data-role="popup" id="popupVideo2" data-overlay-theme="a" data-theme="d" data-tolerance="15,15" class="ui-content">
					<iframe src="http://www.youtube.com/embed/u1zgFlCw8Aw?enablejsapi=1&origin=http://example.com" width="400" height="400" seamless></iframe>
				</div>

			<div data-role="collapsible-set" data-theme="a" data-content-theme="b">
				<div data-role="collapsible" href="#popupVideo">
	    		<h2>First</h2>
	    			<div   data-overlay-theme="a" data-theme="d" data-tolerance="15,15" class="ui-content">
						<iframe src="http://www.youtube.com/embed/u1zgFlCw8Aw?enablejsapi=1&origin=http://example.com" style="width:100%; height:50%;" seamless></iframe>
					</div>
	    		</div>
	    		
	    		<div data-role="collapsible">
	    		<h2>Second</h2>
	    			<div  data-overlay-theme="a" data-theme="d" data-tolerance="15,15" class="ui-content">
						<iframe src="http://player.vimeo.com/video/41135183?portrait=0" style="width:100%; height:50%;" seamless></iframe>
					</div>
	    		</div>
			</div>
	    	
	    	<input type="button" data-theme="a" onClick="butClickPage2();" style="width:100%;" value="закладки"/>
	    	<input type="button" data-theme="a" onClick="butClickPage3();" style="width:100%;" value="закладки"/>
	    	<input type="button" data-theme="a" onClick="butClickPage1();" style="width:100%;" value="show"/>
	    </div>
	    
	</body>
    
</html>